<php>
//表情图标，在此配置即可。
$_sms_editer_icon_sort['sort1']['title']="表情";
$_sms_editer_icon_sort['sort1']['icon']=array(	'/Public/Js/smsEditer/icon/pool/tx_001.gif'
										,'/Public/Js/smsEditer/icon/pool/tx_002.gif'
										,'/Public/Js/smsEditer/icon/pool/tx_003.gif'
										,'/Public/Js/smsEditer/icon/pool/tx_004.gif'
										,'/Public/Js/smsEditer/icon/pool/tx_005.gif'
										,'/Public/Js/smsEditer/icon/pool/tx_006.gif'
										,'/Public/Js/smsEditer/icon/pool/tx_007.gif'
										,'/Public/Js/smsEditer/icon/pool/tx_008.gif'
										
									  );
									  
$_sms_editer_icon_sort['sort2']['title']="可爱";
$_sms_editer_icon_sort['sort2']['icon']=array(	'/Public/Js/smsEditer/icon/lovely/my_icon_001.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_002.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_003.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_004.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_005.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_006.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_007.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_008.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_009.gif'
										,'/Public/Js/smsEditer/icon/lovely/my_icon_010.gif'
										
									  );
$_sms_editer_icon_sort['sort3']['title']="示爱";
$_sms_editer_icon_sort['sort3']['icon']=array(	'/Public/Js/smsEditer/icon/love/red_001.gif'
										,'/Public/Js/smsEditer/icon/love/red_002.gif'
										,'/Public/Js/smsEditer/icon/love/red_003.gif'
										,'/Public/Js/smsEditer/icon/love/red_004.gif'
										,'/Public/Js/smsEditer/icon/love/red_005.gif'
										,'/Public/Js/smsEditer/icon/love/red_006.gif'
										,'/Public/Js/smsEditer/icon/love/red_007.gif'
									  );
</php>
<style type="text/css">
.sms_icon_area{
 	display: block;
}
.sms_icon_area .top{
}
.sms_icon_area .top span{
	cursor: pointer;
}
.sms_icon_area .top .sort{
	border:1px solid #C4C2C2;border-bottom:0px;
	padding:2px 3px;
	background-color: #F2F2F2;
}
.sms_icon_area .top .on{
	background-color: #FFFFFF;
	padding: 2px 3px 3px 3px;
}
</style>
<div id='sms_icon_area' class="sms_icon_area hide">
	<div style='padding:5px 2px 0px 2px;border-bottom:1px solid #CCCCCC;height: 17px;' class="top">
		<span style='text-align: right;float:right;'
				onclick="$('#sms_draggable_icon').addClass('hide');
									 $('#sms_icon_area').addClass('hide');
									 $('#sms_show_iconarea').attr('rel','0');
									 $('#sms_draggable_icon')
									 .attr('src','');">取消</span>
	<php>
		 foreach($_sms_editer_icon_sort as $key=>$vo){
			$_tmp_sms_icon_sort_js = "";
			foreach($_sms_editer_icon_sort as $key1=>$vo1){
				if($key==$key1){
					$_tmp_sms_icon_sort_js=$_tmp_sms_icon_sort_js."$('#sms_icon_area').find('#".$key1."').show();";
					$_tmp_sms_icon_sort_js=$_tmp_sms_icon_sort_js."k_changeGroupStyle('sms_icon_area','.top > span','".$key1."','on');";
				}else{
					$_tmp_sms_icon_sort_js=$_tmp_sms_icon_sort_js."$('#sms_icon_area').find('#".$key1."').hide();";
				}
			}
	</php>
			<span onclick="{$_tmp_sms_icon_sort_js}" class="sort" rel="<php>echo $key;</php>">{$vo['title']}</span>
	<php>}</php>
	
		<div class="clear"></div>
	</div>
	<php>$_tmp_editer_icon_sort_iffrist = true;
		$_tmp_editer_icon_table_rowshowno = 6;
		foreach($_sms_editer_icon_sort as $key2=>$vo2){
			$_tmp_editer_icon_index = 0;
	</php>
		<table id="{$key2}" <php>if(!$_tmp_editer_icon_sort_iffrist){</php>style="display:none;"<php>}</php> >
		<php>
			$_tmp_editer_icon_sort_iffrist=false;
			$_tmp_editer_icon_index = 0;
		</php>
		<tbody>
			<tr>
			<php>foreach($vo2['icon'] as $vo3){
			</php>
				<td >
				<img src="<php>echo $vo3;</php>" 
					 onclick="$('#sms_draggable_icon').attr( 'src', '{$vo3}' );
												$('#sms_draggable_icon').removeClass('hide');
												$('#sms_icon_area').addClass('hide');
												$('#sms_show_iconarea').attr('rel','0');">
				</td>
				<php>	$_tmp_editer_icon_index=$_tmp_editer_icon_index+1;
						if($_tmp_editer_icon_index%$_tmp_editer_icon_table_rowshowno==0&&$_tmp_editer_icon_index!=1){
				</php> 
					</tr><tr> 
				<php>}</php>
			<php>}</php>
			<php>$_tmp_editer_icon_index = $_tmp_editer_icon_index%$_tmp_editer_icon_table_rowshowno;
				for(;$_tmp_editer_icon_index<$_tmp_editer_icon_table_rowshowno;$_tmp_editer_icon_index++){</php>
				<td >&nbsp;</td>
			<php>}</php>
			</tr>
		</tbody>
		</table>
	<php>}</php>
	
</div>